<template>
  <div id="ServiceDetail">
    <div class="banner container-fuild text-center">新闻动态</div>
    <div class="container">
      <div class="row">
        <!-- <div class="col-xs-12 col-sm-12 col-md-3" id="myScrollspy">
          <ul class="nav nav-tabs nav-stacked center-block" id="myNav">
            <p>华南理工大学产研结合</p>
            <li
              :class="item.id == id ? 'active' : ''"
              v-for="(item, index) in serviceNavList"
              :key="index"
            >
              <a href="javascript:;" @click.stop="toSection(item.id)">{{
                item.title
              }}</a>
            </li>
          </ul>
        </div> -->
        <div class="col-xs-12 col-sm-12 col-md-9 content wow zoomIn">
          <div class="acti">
            <div class="titles">
              <h1 class="h1">
                汇聚医工智慧，共启临床新程：第十九届上海市医学会临床医学工程分会学术年会顺利举行
              </h1>
              <div class="infor">
                <span>时间：2024-12-8</span>
                <span>作者：鼎盛智造</span>
                <span style="display: none">阅读数：3695</span>
                <span style="display: none">分享</span>
              </div>
            </div>
          </div>

          <div class="text">
            <div class="words">
              <p class="paragraph">
                <span style="font-size: 18px; font-family: SimSun">
                  2024 年 12 月 8 日，黄浦江畔的上海迎来了一场医学工程领域的年度盛会 ——
                  第十九届上海市医学会临床医学工程分会学术年会。这场学术年会犹如一座灯塔，照亮着临床医学工程前进的航道，吸引了众多业内精英汇聚一堂，共探前沿，共享智慧，我司也选派专业人员积极参与其中。
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <p class="image" style="text-align: center">
                <img :src="service1" alt="服务" />
              </p>
              <p class="image" style="text-align: center">
                <span style="font-size: 16px; font-family: SimSun">
                  第十九届上海市医学会临床医学工程分会学术年会成功召开
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <p class="image" style="text-align: center">
                <img :src="service2" alt="服务" />
              </p>
              <p class="image" style="text-align: center">
                <span style="font-size: 16px; font-family: SimSun">
                  第十九届上海市医学会临床医学工程分会学术年会现场
                </span>
              </p>
              <p class="paragraph">
                <span style="font-size: 18px; font-family: SimSun">
                  当日，会场内座无虚席，气氛热烈非凡。临床医学工程作为医疗行业的幕后
                  “智慧引擎”，默默推动着诊疗技术革新、医疗设备升级，对提升医疗服务质量起着举足轻重的作用。随着科技浪潮汹涌澎湃，医学与工程学深度融合，此次年会更是承载着为从业者拨云见日、指引方向的重任。
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <p class="image" style="text-align: center">
                <img :src="service4" alt="服务" />
              </p>
              <p class="image" style="text-align: center">
                <span style="font-size: 16px; font-family: SimSun">
                  第十九届上海市医学会临床医学工程分会20周年回顾
                </span>
              </p>
              <p class="paragraph">
                <span style="font-size: 18px; font-family: SimSun">
                  年会在庄重的开幕仪式后迅速切入正题，一系列高水准的主题演讲重磅登场。行业资深专家率先登台，以宏观视角剖析当下全球临床医学工程的发展脉络，点明数字化转型、人工智能嵌入、远程医疗工程拓展等趋势，为与会者勾勒出一幅波澜壮阔的行业全景图。紧接着，科研先锋们带着最新研究成果闪亮亮相，从新型可穿戴医疗监测设备的精准算法突破，能以前所未有的精度捕捉人体健康细微变化；到医用机器人在复杂手术中的精妙协同，降低手术风险、提升操作精度，每一项成果都引发台下阵阵惊叹与热议。
                </span>
              </p>
              <!-- <p class="paragraph">
                <br />
              </p> -->
              <!-- <p class="image">
                <img
                  src="/Uploads/detail/2024-12-30/677212ef1c643.webp"
                  alt=""
                />
              </p>
              <p class="paragraph"></p>
              <p class="image">
                <span style="font-size: 16px; font-family: SimSun"
                  >深圳市市场监督管理局标准处徐均伟副处长致辞</span
                >
              </p> -->
              <p>
                <br />
              </p>
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  专题研讨环节堪称一场 “头脑风暴” 的狂欢，不同专长、不同背景的参会者围绕 “智慧医疗设备的临床应用与管理”“医疗数据安全与工程保障”
                  等核心议题各抒己见。医院设备科的管理人员分享实操中的设备维护痛点，呼吁产学研联合优化售后体系；科研机构代表则畅谈如何加速科研成果向临床应用转化，减少中间的 “时差”。思维的碰撞中，新思路、新策略不断萌生。
                </span>
              </p>
              <p>
                <br />
              </p>
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  我司参会人员全程全神贯注，手中的笔记本记得满满当当。他们深知这场年会不仅是知识的富矿，更是合作的桥梁。汲取前沿理念与技术走向，有益于我司精准对焦市场需求，未来在医疗设备研发、智能化系统集成服务上与医院及科研团队深度对接，助力临床医学工程成果更快落地惠民。
                </span>
              </p>
              <p>
                <br />
              </p>
              <!-- <p class="image" style="text-align: center">
                <img :src="service3" alt="服务" />
              </p> -->
              <!-- <p class="image" style="text-align: center">
                <span style="font-size: 16px; font-family: SimSun">
                  我司骨干团队参会留念
                </span>
              </p> -->
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  当夜幕降临，第十九届上海市医学会临床医学工程分会学术年会圆满落幕，但它所激发的创新活力、凝聚的奋进力量，将持续在上海乃至全国的临床医学工程领域奔涌，催生更多守护健康的科技硕果。
                </span>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup name="serviceDetail">
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import WOW from 'wow.js'

import service1 from '@/assets/img/2024_Annual Meeting of Clinical Medicine_1.jpg'
import service2 from '@/assets/img/2024_Annual Meeting of Clinical Medicine_2.jpg'
import service4 from '@/assets/img/2024_Annual Meeting of Clinical Medicine_4.jpg'
import service3 from '@/assets/img/2024_Annual Meeting of Clinical Medicine_3.jpg'

const id = ref('section-1')

const route = useRoute()


onMounted(() => {
  console.log('route：', route, route.params, route.query)
  console.log('history.state：', history.state)

  console.log(id.value, 'pp')

  var wow = new WOW()
  wow.init()
})
</script>

<style scoped>
.banner {
  color: #fff;
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  background-image: url('../assets/img/banner_2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}

@media (min-width: 992px) {
  .col-md-9 {
    width: 100%;
  }
}

.acti .titles {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}

.acti .titles .h1 {
  font-size: 30px;
  color: #222;
  font-weight: bold;
  margin-bottom: 18px;
}

.acti .titles .infor {
  text-align: center;
}

.acti .titles .infor>span {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin: 0 32px;
}

.acti .text {
  padding-bottom: 73px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e5e5e5;
}

.acti .words {
  font-size: 16px;
  color: #333;
  line-height: 36px;
}

.acti .words .paragraph {
  text-align: justify;
  font-size: 18px;
  /* font-family:SimSun; */
}

img {
  display: inline-block !important;
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
}

p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}

.acti .text .words div.image {
  text-align: center;
  font-size: 16px;
  /* font-family: SimSun; */
  display: flex;
  justify-content: center;
}
</style>
